<template>
    <div>
    <componentA v-for="(item,index) in list"></componentA>
    </div>
</template>

<script>
import componentA from './a.vue'
export default{
    components:{
        componentA
    },
    data(){
        return {
            list:[ // 数组循环绑定
                {  
                name:'芒果',
                price:1
                },
                 {  
                name:'苹果',
                price:2
                },
                 {  
                name:'香蕉',
                price:3
                }
            ]
        }
    }
}
</script>